<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>洋码头-购在全球,更多洋货 海外购_海外购物网_正品保障_海外直邮_正品低价</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!-- 引入网页标题图标 -->
    <link rel="shortcut icon" href="./favicon.ico">
    <!-- jQuery -->
    <script src="./js/jquery-3.6.0-min.js"></script>
    <!-- <link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css"> -->
    <!-- <script src="./js/Pagination.js"></script> -->
    <!-- 详情页的css -->
    <link rel="stylesheet" href="./css/detial.css">
    <!-- 处理默认样式 -->
    <link rel="stylesheet" href="./css/reset.css">
    <!-- 公共的css -->
    <link rel="stylesheet" href="./css/style.css">
    <!--放大镜的js  -->
    <script src="./js/enlarge.js"></script>
</head>

<body>
    <!-- 公共的顶部代码 -->
    <div class="page-top">
        <div class="container">
            <div class="top-fl">
                <a href="./index.html">Hi!欢迎来到洋码头!</a>
                <a href="">我是买手</a>
            </div>
            <div class="top-fr">
                <div>
                    <!-- <a href="javascript:; "><span class="dengdeng1">登录</span></a>
                    <a href="./register.html"><span>注册</span></a> -->
                    <!-- <a href="" class="info">
                      <span>阿肉不吃绕</span>  
                        <span></span>
                        <ul>
                            <li>退出登录</li>
                            <li>修改密码</li>
                            <li>我的订单</li>
                        </ul>
                    </a> -->
                </div>
                <a href="#"><span>规则&公告</span></a>
                <a href="./userinfo.html" ><span>个人中心</span></a>
                <a href="./shopping.html"><span>我的订单</span></a>
                <a href="./shopping.html"><span>购物车</span></a>
            </div>
        </div>
    </div>
    <!--公共的右侧栏  -->
    <div class="rightbar">
        <ul>
            <li class="info">
                <a href="">
                    <i></i>
                </a>
            </li>
            <li class="item cart">
                <a href="">
                    <i></i>
                    <span>
                        购<br>物<br>车
                    </span>
                </a>
            </li>
            <li class="item erweima">
                <i></i>
                <div>
                    <img src="./images/erweima.png" alt="">
                    <span>
                        下载APP领取
                        <br>
                        260元新人礼包
                    </span>
                </div>
            </li>
            <li id='qushangnmian' class="item top">
                <i></i>
            </li>
        </ul>

    </div>
    <!-- 头部 -->
    <div class="header">
        <div class="inner">
            <div class="notice">
                <div class="tips">公共提醒：</div>
                <div class="new-carousel">
                    <div class="new-carousel-div">
                        <span
                            class="new-carousel-item">为了您能更好的在洋码头平台选购境外物品，请您在选购商品前认真了解国家跨境相关法律法规，您可直接点击此处跳转至“帮助与客服”了</span>
                        <span class="new-carousel-item">解具体的可进口商品，或直接联系在线洋管家进行咨询，也可拨打全国客服电话400-850-2233。</span>
                        <span
                            class="new-carousel-item">为了您能更好的在洋码头平台选购境外物品，请您在选购商品前认真了解国家跨境相关法律法规，您可直接点击此处跳转至“帮助与客服”了</span>
                        <span class="new-carousel-item">解具体的可进口商品，或直接联系在线洋管家进行咨询，也可拨打全国客服电话400-850-2233。</span>
                    </div>
                </div>
            </div>
            <div class="search">
                <a href="./index.html"> <img class="logo" src="./images/logo&zi.png" alt=""></a>
                <form action="">
                    <input type="text" id='search' placeholder="请输入你想搜索的内容" value="" style="height: 22px;">
                    <button type="submit"></button>
                    
                </form>
                <ul class="sousuoxia" >
                    <!-- <li></li> -->
                </ul>
                <img class="weixin" src="./images/weixin.png" alt="">
            </div>
        </div>
        <div class="inner-nav">
            <a href="" class="active mune-item">首页</a>
            <a href="" class=" mune-item">今日限时抢</a>
            <a href="" class=" mune-item">洋货集</a>
            <a href="" class=" mune-item leifen">分类
                <div class="category-box" >
                    <div class="category-downlist">
                         <div class="category-wrap">
                            <!-- <div class="cw-item">
                                <a href="./list.html" title="护肤">
                                    <h3 class="cw-title">
                                        护肤
                                    </h3>
                                    <div class="cw-subtitle">
                                        <span></span><span></span><span></span>
                                    </div>
                                    <span class="cw-img">
                                        <img src="" alt="">
                                    </span>
                                </a>
                            </div> -->
                        </div> 
                    </div>
                </div>
    
            </a>
           
        </div>
    </div>
    <!-- 详情页 -->
    <div class="product-detail-wrap">
        <div class="global-crumbs">
            <a href="">首页</a>
            <em class="split">></em>
            <a href="">面部护肤</a>
            <em class="split">></em>
            <a href="">化妆水/爽肤水</a>
            <em class="split">></em>
            <span class="active">日本cosme大赏Esthe Dew胎盘素保湿美白祛痘</span>
        </div>
        <div class="pdw-hd">
            <!-- 放大镜 -->
            <div class="pro-gallery">
                <div class="enlarge fl">
                    <div class="middle">
                        <img src="" alt="">
                        <div class="mask"></div>
                        <div class="big">
                            <img src="" alt="">
                        </div>
                    </div>
                    <div class="small">
                        <!-- <img class="active" src="./images/bag.gif" alt="">
                        <img src="./images/bag.gif" alt="">
                        <img src="./images/bag.gif" alt=""> -->
                    </div>
                </div>
            </div>
            <!-- 商品基本信息 -->
            <div class="pro-property">
                <div class="pro-hd">
                    <h3 class="title">这是名字名字名字</h3>
                </div>
                <div class="pro-bd">
                    <!-- 价格 -->
                    <div class="price-panel">
                        <dl>
                            <dt>价格：</dt>
                            <dd>
                                <span class="current-price">￥58</span>
                            </dd>
                        </dl>
                    </div>
                    <!-- 配送方式 -->
                    <div class="delivery-panel">
                        <dl>
                            <dt>配送方式：</dt>
                            <dd class="xlobl-tips">
                                境外发货
                            </dd>
                        </dl>
                        <dl>
                            <dt>运费：</dt>
                            <dd class="xlobl-tips">
                                买手承担
                            </dd>
                        </dl>
                        <dl>
                            <dt>关税：</dt>
                            <dd class="xlobl-tips">
                                买手承担
                            </dd>
                        </dl>
                    </div>
                    <!-- 颜色分类,数量，加入购物车 -->
                    <div class="select-panel">
                        <!-- 颜色分类 -->
                        <div class="selecty-property">
                            <div class="selecty-proprty-item">
                                <dl class="cata-item">
                                    <dt>颜色分类：</dt>
                                    <dd>
                                        <ul class="property-list">
                                            <li class="item">红色补水</li>
                                        </ul>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                        <!-- 数量 -->
                        <dl class="shu">
                            <dt>数量：</dt>
                            <dd>
                                <span class="amount-widget">
                                    <span class="reduce">-</span>
                                    <input type="text" class="amount" id="" value="1">
                                    <span class="add">+</span>
                                    <span class="amount-unit">件</span>
                                </span>
                                <span class="stock">剩余库存：<i id="content">389</i>件</span>
                            </dd>
                        </dl>
                        <!-- 加入购物车 -->
                        <div class="action-panel">
                            <div class="add-shopping">
                                加入购物车
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 买手信息 -->
            <div class="seller-wrap">
                <div class="seller-hd">
                    <a href="" class="pjoto">
                        <img src="" alt="" title="北海道之恋" >
                        <p class="name">北海道之恋</p>
                    </a>
                    <p class="dsr">
                        中级买手
                        <span class="high-score">4.8</span>
                    </p>
                    <p class="address">
                        日本
                    </p>
                    <p class="fans">
                        粉丝
                        <em class="info">2114</em>
                    </p>
                </div>
                <div class="seller-bd">
                    <div class="total-score">
                        <p>综合评分</p>
                        <p class="high-score">4.8</p>
                        <p class="desc">(高平均分)</p>
                    </div>
                    <div class="item-score">
                        <p>
                            物流服务
                            <span class="high-score">4.7</span>
                        </p>
                        <p>
                            客户服务
                            <span class="high-score">4.7</span>
                        </p>
                        <p>
                            买家评分
                            <span class="high-score">4.7</span>
                        </p>
                    </div>
                </div>
                <div class="seller-ft">
                    <a href="" class="seller-btn">
                        联系买手
                    </a>
                    <a href="" class="seller-btn">
                        关注
                    </a>
                </div>
            </div>
        </div>
        <div >
            <!-- 左侧商品推荐 -->
            <div class="pdw-l"></div>
            <!-- 右侧商品详情 -->
            <div class="pdw-r">
                <div class="mod-tad-box">
                    <div class="mth-hd">
                        <span class="active">
                            商品详情
                        </span>
                    </div>
                    <div class="mth-bd">
                        <div class="pdw-detail">
                            <div class="detail-title">
                               <div class="detail-info"> 买家须知</div>
                            </div>
                            <div class="detail-info-content">
                                西藏，新疆， 地区请联系卖家补运费15元   本店是**认证优选商家  国内备货销售   所以基本店铺的产品都有提前囤货  国内已经有现货   这么做一方面了节约运费和税  一方面就是大大节省了国际运输时间 
                            </div>
                            <ul class="datail-img">
                                <li>
                                    
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/fenlei.js"></script>
<script src="./layer/layer.js"></script>
<script src="./js/detail.js"></script>
<script src="./js/search.js"></script>
<script>

</script>

</html>